<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			说明：
			1、div 中的 style="height: 1000px;" 这个高度是html外面的文档的高度
			2、html和body中的height，得到的是“视口”的高度，不是文档的高度
			3、
			如果想在body中显示 scroll，那么需要html和body都有 overflow: scroll;
			html中的“overflow: scroll;”作用于外面的文档
			body中的“overflow: scroll;”作用于body本身			
			
			如果html和body中只有一个有“overflow: scroll;”，
			那么这个“overflow: scroll;”作用于外面的文档
			
			这个功能的作用请看 15_禁止系统默认滚动条
			*/
			html{
				margin: 30px;
				border: 1px solid;
				height: 100%;
				overflow: scroll;
			}
			body{
				margin: 30px;
				border: 1px solid pink;
				height: 100%;
				overflow: scroll;
			}
		</style>
	</head>
	<body>
		<div style="height: 1000px;"></div>
	</body>
</html>
